<!DOCTYPE html>
<html>

<head>
	<title>Testman自动化测试平台</title>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		a {
			text-decoration: none;
			color: #fff;
			opacity: 0.7;
		}

		#all {
			width: 1440px;
			height: 728px;
			background-color: #F0F0F0;
			margin: 10px auto;
		}

		#border-top {
			left: 0px;
			top: 0px;
			height: 80px;
			line-height: 18px;
			background-color: #fff;
			font-size: 14px;
		}

		#border-top_title {
			left: 0px;
			top: 0px;
			height: 80px;
			width: 253px;
			background-color: #002140;
			color: #fff;
			float: left;
		}

		#border-top_title_content {
			font-size: 28px;
			font-weight: bold;
			margin-left: 30px;
			padding-top: 30px;
			color: #fff;
			float: left;
		}

		#border-top_user {
			background-color: #B1B1B1;
			width: 1187px;
			height: 80px;
			float: right;
		}

		#border-top_user_content {
			margin-top: 20px;
			font-size: 32px;
			float: right;
		}

		#user {
			padding-bottom: 30px;
			color: #595959;
		}

		#border-top_des {
			margin-top: 10px;
			width: 1186px;
			height: 40px;
			border-right: 1px solid #F0F0F0;
			background-color: #fff;
			float: right;

		}

		#top-des {
			color: #595959;
		}

		#border-top_descontent {
			margin-top: 8px;
		}

		#left {
			top: 79px;
			width: 253px;
			height: 645px;
			font-size: 20px;
			background-color: #2B2E34;
			float: left;
			display: inline-block;
		}

		#left_word,
		a {
			color: #fff;
			vertical-align: middle;
		}

		#left_word>a>img {
			vertical-align: middle;
		}

		ul li {
			list-style: none;
			line-height: 50px;
			height: 50px;
		}

		#list li {
			width: 253px;
			color: #fff;
			opacity: 0.7;
			vertical-align: middle;
		}

		#list>li:hover {
			background: #23262E;
			display: block;
			opacity: 1;
			vertical-align: middle;
		}

		#listimg {
			margin-right: 20px;
			vertical-align: middle;
		}

		#listimgnone {
			margin-right: 67px;
			vertical-align: middle;
		}

		.sidebar {
			width: 300px;
			font-size: 20px;
			line-height: 45px;
			vertical-align: middle;
		}

		#right {
			position: relative;
			float: right;
			width: 1100px;
			height: 560px;
			margin-top: 20px;
			margin-right: 50px;
			background-color: #fff;
		}

		#right-content {
			font-size: 28px;
			font-weight: bold;
			margin-left: 30px;
			padding-top: 30px;
			color: black;
			float: left;
		}

		#rightone {
			height: 420px;
			width: 1100px;
			margin-top: 0px;
			margin-left: 30px;
			float: left;
		}

		.num {
			margin-left: 0px;
			margin-top: 0%;
			height: 400px;
			width: 400px;
			float: left;
		}

		#myInput {
			margin-top: 20px;
			width: 450px;
			font-size: 16px;
			padding: 12px 20px 12px 40px;
			border: 1px solid #ddd;
		}

		#myTable {
			border-collapse: collapse;
			width: 800px;
			border: 1px solid #ddd;
			font-size: 18px;
		}

		#myTable th,
		#myTable td {
			text-align: left;
			padding: 12px;
		}

		#myTable tr {
			border-bottom: 1px solid #ddd;
		}

		#myTable tr.header,
		#myTable tr:hover {
			background-color: #f1f1f1;
		}

		.name,
		.url,
		.run {
			margin-top: 0%;
			height: 400px;
			width: 120px;
			float: left;
		}

		.time {
			margin-top: 0%;
			height: 400px;
			width: 200px;
			float: left;
		}

		#xmName {
			height: 35px;
		}

		.runn {
			color: black;
		}

		#detail {
			width: 100px;
			height: 25px;
			color: #1890FF;

		}

		.page {
			margin-left: 300px;
			margin-top: 50px;
			width: 200px;
			float: left;
		}

		#slcPG {
			width: 20px;
		}
	</style>

</head>

<body>
	<div id="all">

		<div id="border-top">
			<div id="border-top_title">
				<h4 id="border-top_title_content">
					<stong>自动化测试平台</stong>
				</h4>
			</div>
			<div id="border-top_user">
				<div id="border-top_user_content">
					<a href="#" id="user" style="margin-left:15px">mjy</a>
					<a href="#" style="margin-left:25px"><img src="./a1.jpg"></a>
					<a href="#" style="margin-left:25px;margin-right:20px"><img src="./a3.jpg"></a>
				</div>
			</div>
		</div>

		<div id="border-top_des">
			<div id="border-top_descontent">
				<a href="#" id="top-des" style="margin-left:15px">报告管理/测试报告</a>
			</div>
		</div>


		<div id="left">
			<div id="left_word">
				<ul id="list">
					<li class="sidebar" style="background:#002140"><a id="aaa" href="index.html"><img id="listimg"
								src="./a2.jpg" />首页</a></li>
					<li class="sidebar" style="background:#001529"><a href=""><img id="listimg"
								src="./a5.jpg" />项目管理</a></li>
					<li class="sidebar" style="background:#101010"><a href=""><img id="listimgnone" />项目</a></li>
					<li class="sidebar" style="background:#001529"><a href=""><img id="listimg"
								src="./a6.jpg" />接口管理</a></li>
					<li class="sidebar" style="background:#101010"><a href=""><img id="listimgnone" />接口模块</a></li>
					<li class="sidebar" style="background:#101010"><a href="testone.html"><img
								id="listimgnone" />接口信息</a></li>
					<li class="sidebar" style="background:#101010"><a href=""><img id="listimgnone" />内置函数</a></li>
					<li class="sidebar" style="background:#001529"><a href=""><img id="listimg"
								src="./a6.jpg" />报告管理</a></li>
					<li class="sidebar" style="background:#1890FF"><a href="reports.html"><img
								id="listimgnone" />测试报告</a></li>
					<li class="sidebar" style="background:#001529"><a href=""><img id="listimg"
								src="./a6.jpg" />定时任务</a></li>
					<li class="sidebar" style="background:#001529"><a href=""><img id="listimg"
								src="./a6.jpg" />关于我们</a></li>
				</ul>
			</div>
		</div>


		<div id="right">
			<div id="right-content">测试报告</div>
			<div id="rightone">
				<div class="num">
					<input type="text" id="myInput" onkeyup="myFunction()" placeholder="搜索项目...">
					<table id="myTable">
						<tr class="header">
							<th>id</th>
							<th>项目名称</th>
							<th>用例名称</th>
							<th>更新时间</th>
							<th>查看报告</th>
						</tr>
						<tr>
							<td>0</td>
							<td>青果商城</td>
							<td>登录用例</td>
							<td>2022-4-6 20:12:00</td>
							<td><a href="CaseResult0.html"><button id="detail" type="button">报告结果</button></a></td>

						</tr>
						<tr>
							<td>1</td>
							<td>微信</td>
							<td>获取项目信息</td>
							<td>2022-3-21 16:12:38</td>
							<td><a href="CaseResult1.html"><button id="detail" type="button">报告结果</button></a></td>
						</tr>
						<tr>
							<td>2</td>
							<td>mymovie</td>
							<td>登录用例</td>
							<td>2022-4-17 10:45:22</td>
							<td><a href="CaseResult2.html"><button id="detail" type="button">报告结果</button></a></td>
						</tr>
						<tr>
							<td>3</td>
							<td>博客网</td>
							<td>获取项目信息</td>
							<td>2022-4-23 11:36:58</td>
							<td><a href="CaseResult3.html"><button id="detail" type="button">报告结果</button></a></td>
						</tr>
						<tr>
							<td>4</td>
							<td>phpwind</td>
							<td>登录用例</td>
							<td>2022-5-1 15:46:14</td>
							<td><a href="CaseResult4.html"><button id="detail" type="button">报告结果</button></a></td>
						</tr>
					</table>

					<div class="page">
						<input type="button" name="" id="slcPG" value="<">
						<input type="button" name="" id="slcPG" value="1" style="background-color: skyblue;
					color: white;">
						<input type="button" name="" id="slcPG" value="2">
						<input type="button" name="" id="slcPG" value="3">
						<input type="button" name="" id="slcPG" value="4">
						<input type="button" name="" id="slcPG" value="5">
						<input type="button" name="" id="slcPG" value=">">
					</div>
				</div>
			</div>

		</div>

	</div>

	<script>
		function myFunction() {

			var input, filter, table, tr, td, i;
			input = document.getElementById("myInput");
			filter = input.value.toUpperCase();
			table = document.getElementById("myTable");
			tr = table.getElementsByTagName("tr");

			for (i = 0; i < tr.length; i++) {
				td = tr[i].getElementsByTagName("td")[1];
				if (td) {
					if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
						tr[i].style.display = "";
					} else {
						tr[i].style.display = "none";
					}
				}
			}
		} 
	</script>
</body>

</html>